@charset "UTF-8";

.transform(@type){
	transform:@type;
	-webkit-transform:@type;
}

.trans(@time:.5s) {
	transition:@time;
	-webkit-transition:@time;
}

.g{
	padding: 0 4%;
}

.one-line {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@orange:#ff5904;
@green:#00954D;
.gap(){
	padding :0 .26rem;
}
.fix(){
	&:after{
		content:'';
		clear: both;
		display: block;
		overflow:hidden;
		height:0
	}
}
.hor-center(@type:absolute){
	position: @type;
	left: 50%;
	transform:translateX(-50%);
}
.ver-center(@type:absolute){
	position: @type;
	top: 50%;
	transform:translateY(-50%);
}
.all-center(@type:absolute){
	position: @type;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
}
.circle(@num){
	width:@num;
	height:@num;
	border-radius: 50%;
}
.mask(@opacity:.6){
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,@opacity);
	z-index: 999;
}
.after-full(@type:absolute){
	content:'';
	position: @type;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.arrow(@dir,@size,@color){
	position: relative;
	width:@size *2;
	height:@size *2;
	display:inline-block;
	&:before{
		content:'';
		position: absolute;
		border: @size solid transparent;
		border-@{dir}-color:@color;
	}
}
.one-line(){
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.bees-mask{.mask()}






